var j$ = jQuery.noConflict();
// 初始值
// 头部高度
var hsX = 60;
// xs宽度
var xsW = 767;

j$(function() {
	// xs下搜索框展开
	hssbtn();
	// travelHead
	trlHead();
	// xplane
	xplane();
	// xbtn
	xbtn();
	// Xm
	Xm();
});

// xs下搜索框展开
function hssbtn(){
	var btn = j$('.hssbtn');
	var hsdiv = j$('.hsearch');

	btn.on('click',function(){
		hsdiv.toggle();
	})
}

// travelHead
function trlHead(){
	var trlDay = j$('.travelHCon .day');
	var cdTop = j$('.travelCd');

	trlDay.on("click",function(){
		var index = j$(this).index();
		var num = cdTop.eq(index-1).offset().top-170;
		j$('html,body').stop(true,true).animate({scrollTop:num},500);
	})
}

// xplane
function xplane(){
	var xplane = j$('.Xplane');
	var widthX = j$(window).width();
	
	function xfly(){
		xplane.animate({left:'0',marginLeft:'-46px'},widthX*10,'linear',function(){xplane.css({'left':'100%','margin-left':'0'})});
	}
	xfly();
	window.setInterval(xfly, widthX*20);
}

// xbtn
function xbtn(){
	var xbtn = j$('.Xbtn');

	

	xbtn.on('mouseenter',function(e){
		e.preventDefault();
		j$(this).find('.Xbtnbgon.XTon').show();           
		j$(this).find('.Xbtnbgoff.XTon').hide();
		var JLbtn = j$(this).find('.JLbtn');
		var i = 1;
		function JL(){
			JLbtn.css({'background-position':'0 -'+i*32+'px'});
			if(i++ < 10){
			var JLt=setTimeout(JL, 24);
			}
		}
		JL();
	})

	xbtn.on('mouseleave',function(e){
		e.preventDefault();
		j$(this).find('.Xbtnbgon.XTon').hide();
		j$(this).find('.Xbtnbgoff.XTon').show();
	})
}

// Xm
function Xm(){
	var Xmb = j$('.Xmb');
	var speed = 500;
	var Xtitle = j$('.Xmbtitle');
	var Xlist = j$('.Xmblist');
	var Xli = j$('.Xmblist li');
	var Xbg = j$('.Xmapbg2');

	Xmb.on('mouseenter',function(e){
		e.preventDefault();
		var index = j$(this).index();
		var Xh = j$(this).children('.Xmblist').height() / 2;

		Xtitle.children('p').show();
		Xlist.stop(true,false).animate({marginTop:'56px',opacity:'0'},speed);
		Xtitle.stop(true,false).animate({marginTop:'0px'},speed);
		Xlist.stop(true,false).animate({marginTop:'56px',opacity:'0'},speed);
		j$(this).children('.Xmbtitle').children('p').hide();
		j$(this).children('.Xmbtitle').stop(true,false).animate({marginTop:'-'+(Xh+26)+'px',opacity:'1'},speed);
		j$(this).children('.Xmblist').stop(true,false).animate({marginTop:'-'+(Xh-34)+'px',opacity:'1'},speed);

		Xbg.stop(true,false).animate({marginLeft: index*25+'%'},speed);
		Xbg.children('img').stop(true,false).animate({marginLeft: '-'+index*100+'%'},speed);

	})

	Xmb.on('mouseleave',function(e){
		e.preventDefault();
	})

	Xli.hover(function(){
		j$(this).find('p').stop(true,false).animate({marginBottom:'0px'},100);
	},function(){
		j$(this).find('p').stop(true,false).animate({marginBottom:'-24px'},100);
	})
}

// 滚轮效果
j$(window).on({
	'scroll':function(){
		vScroll();
	}
})

function vScroll(){
	var widthX = j$(window).width();
	var top = j$(document).scrollTop();
	var hstop = j$('.hsearch');
	var hsblank = j$('.hsearchblank');
	var trltop = j$('.travelHead');
	var trlblank = j$('.travelHeadblank');
	var pagetop = j$('.travelHCon .day');
	var pagebd = j$('.travelCd');


	if( top > hsX && widthX > xsW ){
		hstop.addClass('fixtop1');
		hsblank.show();
		trltop.addClass('fixtop2');
		trlblank.show();
	}else{
		hstop.removeClass('fixtop1');
		hsblank.hide();
		trltop.removeClass('fixtop2');
		trlblank.hide();
	}

	// travelHead
	for (var i = 0; i < pagetop.length; i++) {
		if( top >= pagebd.eq(i).offset().top-170 ){
			pagetop.removeClass("on").eq(i).addClass("on");
		}
	};
}